.spike {
  background-color: #fff;
  .spike_title {
    padding: rem(30);
    @extend .p-clear-float;
    border-bottom: 1px solid #E5E5E5;
    .title_txt {
      font-size: rem(32); color: #17273A; display: table;
      float: left; height: rem(45);  line-height: rem(45)
    }
    .time_down {
      float: left;
      display: table; margin-left: rem(20);
      height: rem(45);  line-height: rem(45);
      position: relative; padding-left: rem(55); color: #E91F3F;
      font-size: rem(24);
      &:after {
        content:  ''; display: block; width: rem(44); height: rem(44);
        position: absolute; top: 0; left: 0;
        background: url('https://mjmh.meijiameihuo.com/wechat/images/home/icon_time.png') no-repeat center;
        background-size: contain;
      }
      .time {
        background:rgba(233,31,63,1);
        border-radius:4px;
        color: #fff; padding: rem(5) rem(8); text-align: center;
      }
      span {
        margin:0 rem(3);
      }
    }
  }
  .spike_list {
    padding: rem(30) 0 0 rem(30); white-space: nowrap;
    overflow: scroll;
    .item_link {
      display: inline-block;
    }
    .spike_list_item {
      width: rem(210);
      display: inline-block;
      margin-right: rem(20);
    }
    .spike_list_item .spike_top {
      position: relative;
      height: rem(210);
      width: rem(210);
    }

    .spike_top .spike_tag {
      position: absolute;
      bottom: 0;
      left: 0;
      height: rem(30);
      font-size: rem(24);
      line-height: rem(30);
    }

    .spike_list_item .spike_top .spike_img {
      height: 100%;
      width: 100%;
      background: #f8f8f8
    }

    .spike_list_item .spike_item_title {
      width: rem(200);
      height: rem(66);
      font-size: rem(24);
      /* font-weight: 600; */
      margin-top: rem(20);
      color: #17273a;
      line-height: rem(33);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space:pre-wrap;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-family: 'DIN';
    }
    .price .new_money {
      color: #E91F3F; font-size: rem(24); font-weight: 600;
      display: inline-block;  margin-right: rem(20);
    }
    .price .old_money {
      color: #999999; font-size: rem(24); font-weight: 600;
      display: inline-block;
      text-decoration:line-through;
    }
    .vip_price {
      margin-top: rem(10);
    }
    .vip_price .new_money{
     color: #17273A; font-size: rem(30);
    }
    .vip_price .new_money.num{
     color: #17273A; font-size: rem(28);  font-weight: 700;
    }
    .vip_price .price_hr {
      font-size: rem(24);
      padding: 0 rem(3);
    }
    .vip_price .old_money {
      font-size: rem(24);
      color: #E91F3F;
      font-weight: 700;
    }
    .vip_price .old_money.num {
      font-size: rem(26);
    }
  }
}
